<template>
  <div>
    <van-nav-bar title="门店地址" left-text="返回" @click-left="onClickLeft" left-arrow>
  <template #right>
    <van-icon name="search" size="18" />
  </template>
</van-nav-bar>
    <div id="container" style="width: 100%;height:600px"></div>
  </div>
</template>
<script>
export default {
  mounted() {
    this.carGPSIP(114.332154, 30.666114); //初始化加载地图,在函数的参数中给上你想定位的地方的经纬度
  },
  methods: {
    onClickLeft() {
      this.$router.push({
        path: "/",
        name: "index"
      });
    },
    carGPSIP(x, y) {
      let map = new AMap.Map("container", {
        center: [x, y],
        zoom: 15
      });
      // 同时引入工具条插件，比例尺插件和鹰眼插件
      AMap.plugin(["AMap.ToolBar", "AMap.Geolocation"], function() {
        // 在图面添加工具条控件，工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
        map.addControl(new AMap.ToolBar());
        // 在图面添加定位控件，用来获取和展示用户主机所在的经纬度位置
        map.addControl(new AMap.Geolocation());
      });
      let marker = new AMap.Marker({
        position: new AMap.LngLat(x, y),
        offset: new AMap.Pixel(-10, -10),
        icon: "", // 添加 Icon 图标 URL,默认为高德的水滴图标
        title: "" //鼠标放在定位的图标上后现实的标题
      });
      map.add(marker);
    }
  }
};
</script>
<style scoped>
</style>
